/* 
    一般按钮 
*/
.custom-btn {
    padding: 0.5rem 0.5rem;
    font-size: 1.0rem;
    line-height: 1.2;
    border-radius: 0.2rem;
    transition: background-color 0.3s ease, color 0.3s ease;
}
.custom-btn:hover {
    background-color: #0056b3;
    color: white;
}
/* 更改按钮形状 */
.custom-btn {
    border-radius: 0.5rem;
}
/* 改变按钮宽度 */
.custom-btn {
    min-width: 80px;
    text-align: center;
}
/* 
    删除按钮 
*/
/* 删除按钮特有的样式 */
.custom-del-btn {
    background-color: #e74c3c;
    padding: 0.5rem 0.5rem;
    font-size: 1.0rem;
    line-height: 1.2;
    border-radius: 0.2rem;
    transition: background-color 0.3s ease, color 0.3s ease;
    border-radius: 0.5rem;
    min-width: 80px;
    text-align: center;
    color: white;
}
.custom-del-btn:hover {
    background-color: #c0392b; /* 更改悬停时的背景颜色 */
    color: white; /* 保持文字颜色为白色 */
}
.custom-del-btn:focus {
    outline: none; /* 移除默认的轮廓 */
    box-shadow: 0 0 0 0.2rem rgba(231, 76, 60, 0.5); /* 添加聚焦时的阴影 */
}
/* 
    提交按钮 
*/
/* 提交按钮特有的样式 */
.save_password {
    background-color: #007bff;
    padding: 0.5rem 0.5rem;
    font-size: 1.0rem;
    line-height: 1.4;
    border-radius: 0.2rem;
    transition: background-color 0.3s ease, color 0.3s ease;
    border-radius: 0.5rem;
    min-width: 80px;
    text-align: center;
    color: white;
    border: none; /* 移除边框 */
}
.save_password:hover {
    background-color: #005eff; /* 更改悬停时的背景颜色 */
    color: white; /* 保持文字颜色为白色 */
}
.save_password:focus {
    outline: none; /* 移除默认的轮廓 */
    box-shadow: 0 0 0 0.2rem #005eff; /* 添加聚焦时的阴影 */
    border: none; /* 确保聚焦状态下也没有边框 */
}